/* top样式 */
ul.msgul{
    height: 100%;
    overflow: scroll;
}
ul.msgul li{
    position: relative;
}
ul.msgul li:last-child{
    margin-bottom: 3.6232rem;
}
ul.msgul li .top{
    height: 1.8116rem;
    /* background: #fff; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
    padding-top: .1208rem;
}
ul.msgul li .top .left{
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
}
ul.msgul li .top .left .groupImg{
    /* border: 1px solid red; */
    width: 1.087rem;
    height: 1.087rem;
    margin: 0 .2415rem;
    position: relative;
}
ul.msgul li .top .left .userImg{
    border-radius: .1208rem;
    width: 1.087rem;
    height: 1.087rem;
    overflow: hidden;
}
.userImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.userImg .textImg{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .4831rem;
    color: #fff;
}
.userImg [type="jiaoliuquan"]{
    background: #2493F1;
}
.userImg [type="qunliao"]{
    background: #FF8D1A;
}

ul.msgul li .top .left .mark{
    width: .2415rem;
    height: .2415rem;
    border-radius: 50%;
    background: #FF4C4F;
    position: absolute;
    top: -0.1208rem;
    right: -0.1208rem;
    z-index: 100;
}
ul.msgul li .top .left .info{
    flex: 1;
    display: flex;
    flex-direction: column;

}
.info span{
    max-width: 6.0386rem;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
}
.info .name{
    font-size: .4348rem;
    /* font-weight: 550; */
    color: #000;
    margin-bottom: .0725rem;
}
.info .msg{
    width: fit-content;
    height: .4106rem;
    font-size: .3744rem;
    color: #5a5a5ac3;
    line-height: .4106rem;
    box-sizing: border-box;
    

}

ul.msgul li .top .right{
    width: 3.6232rem;
    height: 100%;
    font-size: .3382rem;
    color: #5a5a5ac3;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
    align-items: center;
    box-sizing: border-box;
    padding-right: .2415rem;
    padding-bottom: .2415rem;
    
}

hr.bottom{
    border: .0121rem solid #ececec;
    width: 85%;
    position: absolute;
    right: 0;
}
.msgul li:last-child hr.bottom{
    display: none;
}